.z-dialog-background{
  background-color: rgba(0, 0, 0, 0.65);
  position: fixed;
  width: 100%;
  height: 100%;
  top: 0%;
  left: 0;
  right: 0;
  bottom: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  z-index: 999;
  &.congratulations-dialog{
    .z-dialog-wrapper{
      height: auto !important;
      background-color: transparent !important;
    }
  }
}
.z-dialog-wrapper{
  max-height: 100vh;
  height: 90vh;
  overflow-x: hidden;
  overflow-y: hidden;
  position: relative;
  z-index: 999;
  background-color: var(--z-bg-card);
  border-radius: var(--rem-20);
  &.z-dialog-wrapper-h5{
    height: 100vh !important;
    border-radius: 0;
    .z-dialog-content{
      height: 100% !important;
    }
  }
  &::-webkit-scrollbar{
    width: 0;
    display: none
  }
  &.auto-height{
    height: auto;
  }
  .z-dialog-content{
    width: 100%;
    height: 100%;
    box-sizing: border-box;
    overflow-x: hidden;
    overflow-y: auto;
    &::-webkit-scrollbar{
      width: 0;
      display: none
    }
    &.z-dialog-nofixed-title{
      height: calc(100% - 59rem);
    }
  }
  .z-dialog-header{
    display: flex;
    justify-content: space-between;
    padding: var(--rem-30) var(--rem-30) 0 var(--rem-30);
    box-sizing: border-box;
    &>span{
      display: flex;
      align-items: center;
      justify-content: center;
      font-weight: 800;
    }
    &.z-absolute{
      position: absolute;
      width: 100%;
    }
    .z-dialog-header__title{
      font-size: var(--rem-20);
      z-index: 999;
      display: flex;
      align-items: center;
      .z-dialog-header__left-button{
        display: flex;
        align-items: center;
        margin-right: var(--rem-10);
        cursor: pointer;
      }
    }
    .z-dialog-header__close{
      font-size: var(--rem-20);
      cursor: pointer;
      z-index: 9;
      .z-dialog-header__right-button{
        font-size: var(--rem-12);
        display: flex;
        align-items: center;
      }
    }
  }
}
